<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
    <title>Todos</title>
    <link href="stylesheets/screen.css" media="all" rel="stylesheet" type="text/css" />
    <script language="javascript" src="javascripts/mootools.js" type="text/javascript"></script>
    <script language="javascript" src="javascripts/mootools-more.js" type="text/javascript"></script>
    <script language="javascript" src="javascripts/underscore.js" type="text/javascript"></script>
    <script language="javascript" src="javascripts/backbone.js" type="text/javascript"></script>
    <script language="javascript" src="javascripts/backbone.localStorage.js" type="text/javascript"></script>
    <script type="text/javascript">

        var _gaq = _gaq || [];
        _gaq.push(['_setAccount', 'UA-5201171-9']);
        _gaq.push(['_trackPageview']);

        (function () {
            var ga = document.createElement('script'); 
            ga.type = 'text/javascript'; 
            ga.async = true;
            ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
            var s = document.getElementsByTagName('script')[0]; 
            s.parentNode.insertBefore(ga, s);
        })();

    </script>
</head>
<body>
    <div id='todoapp'>
        <div class='title'>
            <h1>
                Todos</h1>
        </div>
        <div class='content'>
            <div id='create-todo'>
                <input id='new-todo' placeholder='What needs to be done?' type='text' />
                <span class='ui-tooltip-top'>Press Enter to create this task</span>
            </div>
            <div id='todos'>
                <ul id='todo-list'>
                </ul>
            </div>
        </div>
        <div id='todo-stats'>
        </div>
    </div>
    <ul id='instructions'>
        <li>Double-click to edit a todo.</li>
        <li>Click, hold and drag to reorder your todos.</li>
    </ul>
    <div id='credits'>
        Created by
        <br />
        <a href='http://jgn.me/'>J&eacute;r&ocirc;me Gravel-Niquet</a>
    </div>
    <script language="javascript" src="javascripts/todos.js" type="text/javascript"></script>
</body>
</html>
